<template>
  <div>
    <ul>
      <li v-for='i in data' @click='setcid(i.id)' :class="i.id==cid?'active':''">{{ i.name }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cid: 0
    }
  },
  props: ['data'],
  methods: {
    setcid(cid) {
      this.cid = cid
      this.$emit('cid', cid)
    }
  },
  mounted() {

  },
}
</script>
<style lang="">
.active {
  background-color: aquamarine;
}
</style>